<script setup lang="ts">

import { useRouter } from 'vue-router';
const router = useRouter();




</script>

<template>
    <div id="myorders" @click="router.push('/shopstatus')">

        <div class="item">
            <svg t="1730877861858" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="8573" width="26" height="26">
                <path
                    d="M838.4 480c-19.2 0-38.4 12.8-38.4 38.4 0 19.2 12.8 32 38.4 32 19.2 0 32-12.8 32-32C870.4 492.8 857.6 480 838.4 480zM851.2 659.2c-19.2 0-32 12.8-32 32l0 115.2c0 19.2-19.2 38.4-38.4 38.4L160 844.8c-19.2 0-38.4-19.2-38.4-38.4l0-576c0-19.2 19.2-38.4 38.4-38.4l620.8 0c19.2 0 38.4 19.2 38.4 38.4l0 121.6c0 19.2 12.8 32 32 32 19.2 0 32-12.8 32-32L883.2 217.6c0-51.2-44.8-96-96-96L153.6 121.6C108.8 128 64 166.4 64 217.6l0 582.4C64 857.6 108.8 896 153.6 896l633.6 0c51.2 0 96-44.8 96-89.6l0-115.2C883.2 672 870.4 659.2 851.2 659.2zM902.4 486.4l0 57.6c0 19.2-19.2 38.4-38.4 38.4L544 582.4C524.8 582.4 512 563.2 512 544L512 486.4C512 467.2 524.8 448 544 448l313.6 0C883.2 448 902.4 467.2 902.4 486.4zM870.4 390.4 544 390.4C492.8 390.4 454.4 422.4 448 473.6c0 0 0 6.4 0 6.4l0 70.4C448 601.6 492.8 640 544 640l326.4 0c51.2 0 89.6-44.8 89.6-89.6l0-64C960 428.8 915.2 390.4 870.4 390.4z"
                    p-id="8574" fill="#979797"></path>
            </svg>
            <span>{{ $t('Me.pending_payment') }}</span>
        </div>
        <div class="item">
            <svg t="1730877827698" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="5640" width="26" height="26">
                <path
                    d="M819.393924 139.11018c-19.8173-30.476971-50.985394-47.352649-87.338442-47.352649h-429.151295c-36.353048 0-72.535108 16.875678-92.352409 47.352649L65.027981 311.918473v519.208153c0 59.328011 52.682996 101.240757 112.011007 101.240757h680.880669c59.328011 0 101.984098-41.912746 101.984098-101.240757V311.918473L819.393924 139.11018zM173.606924 252.507527l83.040172-86.668821 0.632761 0.53242 0.595901 1.070984c9.94807-15.297871 26.781768-22.442542 45.029453-22.442542h429.151295c18.247684 0 35.080359 7.857296 45.029452 23.155167l0.595902 0.278496 0.632761-2.276097 83.040171 86.350393H173.606924z m392.100981 53.242037h179.179932v223.624746l-38.673173-20.738797c-14.838146-7.420097-30.047963-11.341578-46.637977-11.341578-16.590014 0-35.377286 3.921481-50.215431 11.341578l-43.652327 20.738797V305.749564z m340.953813 59.879886v465.497176c0 29.615883-19.126178 47.99872-48.742061 47.99872H177.040012c-29.616907 0-58.76897-18.382837-58.76897-47.99872V365.62945c0-29.616907 29.152063-59.879885 58.76897-59.879886h335.42688v281.563345c0 10.378102 11.157278 17.926184 20.553474 17.926184 2.652887 0 6.698258-0.602045 9.319404-1.913641l93.959908-46.648216c7.559345-3.781209 16.121074-5.671301 24.350041-5.671301 8.22999 0 16.624826 1.890092 24.185195 5.671301l93.382438 46.648216c2.62217 1.311597 2.859712 1.913642 5.512598 1.913641 9.395172 0 15.424832-7.549107 15.424833-17.926184V305.749564h58.765898c29.615883 0 48.741037 30.262979 48.741037 59.879886z"
                    fill="#979797" p-id="5641"></path>
            </svg>
            <span>{{ $t('Me.waiting_for_pickup') }}</span>
        </div>
        <div class="item">
            <svg t="1730878120476" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="31338" width="26" height="26">
                <path
                    d="M572.457 457.173c0 33.299-27.087 60.375-60.375 60.375-33.299 0-60.375-27.076-60.375-60.375 0-33.288 27.076-60.375 60.375-60.375 33.288 0 60.375 27.087 60.375 60.375z m-191.43 0c0 33.299-27.087 60.375-60.375 60.375s-60.375-27.076-60.375-60.375c0-33.288 27.087-60.375 60.375-60.375s60.375 27.087 60.375 60.375z m384.139 0c0 33.299-27.077 60.375-60.375 60.375-33.288 0-60.375-27.076-60.375-60.375 0-33.288 27.087-60.375 60.375-60.375 33.298 0 60.375 27.087 60.375 60.375z m65.655-352.211H198.326c-55.126 0-99.967 44.84-99.967 99.966v501.758c0 55.115 44.841 99.967 99.967 99.967h25.163v125.856l142.373-125.856h464.96c55.125 0 99.976-44.852 99.976-99.967V204.928c0-55.125-44.851-99.966-99.977-99.966zM869.4 706.686c0 21.264-17.304 38.568-38.579 38.568H355.444a18.2 18.2 0 0 0-0.747-0.02c-0.245 0-0.49 0-0.736 0.02-7.951 0.174-15.166 3.296-20.62 8.31l-48.454 42.723v-18.082c0.041-0.665 0.072-1.33 0.072-2.006 0-16.833-13.497-30.505-30.26-30.801v-0.144h-56.373c-21.275 0-38.568-17.304-38.568-38.568V204.928c0-21.264 17.293-38.568 38.568-38.568h632.495c21.275 0 38.579 17.304 38.579 38.568v501.758z"
                    p-id="31339" fill="#979797"></path>
            </svg>
            <span>{{ $t('Me.awaiting_review') }}</span>
        </div>
        <div class="item">
            <svg t="1730878237160" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="36877" width="26" height="26">
                <path
                    d="M855.341176 168.658824C764.988235 78.305882 644.517647 30.117647 512 30.117647c-126.494118 0-246.964706 48.188235-343.341176 138.541177S30.117647 385.505882 30.117647 512c0 204.8 132.517647 391.529412 331.294118 457.788235 48.188235 18.070588 102.4 24.094118 150.588235 24.094118 132.517647 0 265.035294-54.211765 361.411765-162.635294v30.117647c0 18.070588 18.070588 36.141176 36.141176 36.141176s36.141176-18.070588 36.141177-36.141176V722.823529c0-6.023529 0-18.070588-6.02353-24.094117l-6.023529-6.02353c-6.023529-6.023529-18.070588-12.047059-24.094118-12.047058h-138.541176c-18.070588 0-36.141176 18.070588-36.141177 36.141176 0 12.047059 6.023529 18.070588 12.047059 24.094118 6.023529 6.023529 18.070588 12.047059 24.094118 12.047058h66.258823c-114.447059 150.588235-325.270588 198.776471-493.929412 120.470589-180.705882-84.329412-271.058824-295.152941-216.847058-481.882353 60.235294-192.752941 252.988235-313.223529 445.741176-283.105883 198.776471 30.117647 349.364706 204.8 349.364706 403.576471 0 18.070588 18.070588 36.141176 36.141176 36.141176s36.141176-18.070588 36.141177-36.141176c0-126.494118-48.188235-246.964706-138.541177-343.341176z"
                    fill="#979797" p-id="36878"></path>
                <path
                    d="M650.541176 481.882353c18.070588 0 36.141176-18.070588 36.141177-36.141177s-18.070588-36.141176-36.141177-36.141176h-60.235294L680.658824 301.176471c12.047059-18.070588 12.047059-42.164706-6.02353-54.211765-18.070588-12.047059-42.164706-12.047059-54.211765 6.023529L512 385.505882 403.576471 252.988235c-12.047059-6.023529-18.070588-12.047059-30.117647-12.047059s-18.070588 0-24.094118 6.02353c-12.047059 12.047059-12.047059 18.070588-18.070588 30.117647 0 12.047059 0 18.070588 6.023529 30.117647L421.647059 409.6H361.411765c0-6.023529-18.070588 0-24.094118 12.047059-6.023529 12.047059-6.023529 24.094118 0 36.141176 6.023529 12.047059 24.094118 24.094118 36.141177 24.094118h102.4v60.235294H373.458824c-12.047059 0-30.117647 12.047059-36.141177 18.070588-6.023529 12.047059-6.023529 24.094118 0 36.141177 6.023529 12.047059 18.070588 18.070588 30.117647 18.070588h102.4v126.494118c0 12.047059 6.023529 24.094118 18.070588 30.117647 12.047059 12.047059 18.070588 12.047059 24.094118 12.047059 6.023529 0 12.047059 0 18.070588-6.02353 12.047059-6.023529 18.070588-18.070588 18.070588-30.117647v-126.494118h102.4c12.047059 0 24.094118-6.023529 30.117648-18.070588 6.023529-12.047059 6.023529-24.094118 0-36.141176 0-12.047059-18.070588-24.094118-30.117648-24.094118H548.141176V481.882353h102.4z"
                    fill="#979797" p-id="36879"></path>
            </svg>
            <span>{{ $t('Me.refund_after_sales') }}</span>
        </div>
        <div class="item">
            <svg t="1730878268194" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg"
                p-id="38067" width="26" height="26">
                <path
                    d="M745.728252 496.746598c-1.548262-21.932522-18.755156-38.468127-40.031738-38.468127L313.372174 458.278471c-21.104667 0-38.940894 18.019399-38.940894 39.3451 0 21.321608 17.836227 39.336914 38.940894 39.336914l393.438721 0c21.11183 0 38.948057-18.015306 38.948057-39.336914L745.728252 496.746598z"
                    fill="#979797" p-id="38068"></path>
                <path
                    d="M419.259806 191.314257l182.786023 0c27.755134 0 51.205219-26.782993 51.205219-58.485019 0-32.247448-23.472598-58.481949-52.322669-58.481949L419.259806 74.347289c-28.850072 0-52.318576 26.233478-52.318576 58.481949S390.410758 191.314257 419.259806 191.314257z"
                    fill="#979797" p-id="38069"></path>
                <path
                    d="M706.809871 311.908846 313.372174 311.908846c-21.104667 0-38.940894 18.015306-38.940894 39.3451 0 21.325701 17.836227 39.341007 38.940894 39.341007l393.438721 0c21.11183 0 38.948057-18.015306 38.948057-39.341007C745.757928 329.924151 727.921701 311.908846 706.809871 311.908846z"
                    fill="#979797" p-id="38070"></path>
                <path
                    d="M705.696514 617.027032 313.372174 617.027032c-21.104667 0-38.940894 18.019399-38.940894 39.3451 0 21.321608 17.836227 39.336914 38.940894 39.336914l393.438721 0c21.11183 0 38.948057-18.015306 38.948057-39.336914l-0.030699-0.876973C744.17999 633.56366 726.972073 617.027032 705.696514 617.027032z"
                    fill="#979797" p-id="38071"></path>
                <path
                    d="M884.997156 134.834918c-20.917402-22.630417-50.930973-34.592866-86.793762-34.592866l-52.384068 0c-20.875446 0-43.402509 13.752212-43.402509 35.96205 0 20.99415 21.497617 41.59842 43.402509 41.59842l52.384068 0c24.410969 0 40.187281 15.932878 40.187281 40.59558l0 609.108688c0 24.662703-15.777335 40.59558-40.187281 40.59558L234.242975 868.102371c-25.28078 0-53.5578-17.359366-53.5578-40.59558L180.685175 218.399125c0-24.662703 15.773242-40.59558 40.187281-40.59558l65.757656 0c19.293415 0 32.255635-16.718777 32.255635-41.59842 0-22.518876-12.05864-35.96205-32.255635-35.96205l-65.757656 0c-73.240071 0-116.962875 44.592614-116.962875 119.281687l0 602.351797c0 75.196633 48.097438 123.786281 122.534777 123.786281l566.18304 0c79.021751 0 122.538871-43.963281 122.538871-123.786281L915.166269 219.523739C915.166269 185.472202 904.735709 156.187225 884.997156 134.834918z"
                    fill="#979797" p-id="38072"></path>
            </svg>
            <span>{{ $t('Me.all_orders') }}</span>
        </div>

    </div>
</template>

<style scoped lang="less">
#myorders {
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    background-color: #ffffff;
    margin: .5669rem;
    border-radius: .2267rem;
    color: #999;
    font-size: .907rem;
    padding: 1.1337rem;

    .item {
        display: flex;
        align-items: center;
        flex-direction: column;
        width: 25%;

        span {
            margin-top: .2667rem;
        }
    }
}
</style>